﻿<div>

<h2>JavaScript 代码：</h2>
<textarea name="dp-syntaxhighlighter" class="brush: js; highlight: [6,7,8,9,10,11,12,13,14,15]" >
    
    $(function () {
        var t = $("#t").tabs({
            width: 600,
            height: 200,
            lineHeight: 0,
            enableConextMenu: true,
            enableNewTabMenu: true,
            showOption: true,
            contextMenu: [
                { text: "测试菜单1", iconCls: "icon-hamburg-address", handler: function () { alert("你点击了测试菜单1"); } },
                { text: "测试菜单2", handler: function () { alert("你点击了测试菜单2"); } },
                "-",
                { text: "测试菜单3", iconCls: "icon-hamburg-pencil", handler: function () { alert("你点击了测试菜单3"); } },
            ]
        });
    });

</textarea>
<h2>HTML 代码：</h2>
<textarea name="dp-syntaxhighlighter" class="brush: html; highlight: [2]" >
    
    <div id="t">
        <div data-options="title: 'tab1', repeatable: true">tab1</div>
        <div data-options="title: 'tab2'">tab2</div>
        <div data-options="title: 'tab3'">tab3</div>
        <div data-options="title: 'tab4'">tab4</div>
        <div data-options="title: 'tab5'">tab5</div>
        <div data-options="title: 'tab6'">tab6</div>
    </div>

</textarea>


</div>